<template>
	<view class="bangong">
		<ul class="bangong_ul">
			<li class="bangong_li">
				<view style="display: flex; justify-content: space-around;align-items: center;">
					<img src="/static/officeImgs/officebangong1.png" alt="" style="width: 84rpx;height: 84rpx;" />
					<text style="margin-left: 20rpx;">请假申请</text>
				</view>

				<view>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">查看申请</text>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">发起申请</text>
				</view>
			</li>

			<li class="bangong_li">
				<view style="display: flex; justify-content: space-around;align-items: center;">
					<img src="/static/officeImgs/officebangong1.png" alt="" style="width: 84rpx;height: 84rpx;" />
					<text style="margin-left: 20rpx;">出差申请</text>
				</view>

				<view>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">查看申请</text>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">发起申请</text>
				</view>
			</li>

			<li class="bangong_li">
				<view style="display: flex; justify-content: space-around;align-items: center;">
					<img src="/static/officeImgs/officebangong1.png" alt="" style="width: 84rpx;height: 84rpx;" />
					<text style="margin-left: 20rpx;">借款申请</text>
				</view>

				<view>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">查看申请</text>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">发起申请</text>
				</view>
			</li>

			<li class="bangong_li">
				<view style="display: flex; justify-content: space-around;align-items: center;">
					<img src="/static/officeImgs/officebangong1.png" alt="" style="width: 84rpx;height: 84rpx;" />
					<text style="margin-left: 20rpx;">工作请示</text>
				</view>

				<view>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">查看申请</text>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">发起申请</text>
				</view>
			</li>

			<li class="bangong_li">
				<view style="display: flex; justify-content: space-around;align-items: center;">
					<img src="/static/officeImgs/officebangong1.png" alt="" style="width: 84rpx;height: 84rpx;" />
					<text style="margin-left: 20rpx;">客户拜访</text>
				</view>

				<view>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">查看申请</text>
					<text style="margin-right: 30rpx;color: rgb(136, 170, 254);">发起申请</text>
				</view>
			</li>
		</ul>
	</view>
</template>

<script setup>

</script>

<style scoped lang="scss">
	.bangong {
		height: 100vh;
		padding: 20rpx;
		font-size: 28rpx;
		background-color: rgb(249, 249, 249);

		.bangong_ul {

			.bangong_li {
				padding: 20rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				background-color: #fff;
				margin-top: 40rpx;
			}
		}
	}
</style>